<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/4/17
  Time: 10:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui-v2.7.6/layui/css/layui.css" >
    <script src="${pageContext.request.contextPath}/static/layui-v2.7.6/layui/layui.js"></script>
</head>
<body>
<%-- 表格--%>
<table class="layui-hide" id="test"></table>

<%-- ajax--%>
<script>
    /* dept。jsp 的时候  */
    layui.use('table', function(){
        var table = layui.table;
        // 渲染table表格
        table.render({
            elem: '#test'
            // 数据的格式 data   LayData
            ,url:'${pageContext.request.contextPath}/DeptServlet?method=ajax'
            ,page:true
            ,cols: [[
                {field:'deptno', title: 'ID', sort: true}
                ,{field:'dname', title: '名字'} //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
                ,{field:'loc', title: '地址', sort: true}
                ,{field:'a', title: '人数', sort: true}
                ,{field:'status', title: '状态', sort: true,templet: function(d){
                    // d 代表的是当前行的数据
                    //  0 正常   1  禁用
                        if(d.status==0){
                            //
                            return "正常";
                        }else{
                            return "禁用";
                        }
                }
    }

            ]]
        });
    });
</script>


</body>
</html>
